<template>
    <div class="navbar">
        <ul id="main">
            <li><router-link  to="/QuXian" >
                <button class="button" >曲线（光强）</button>
            </router-link></li>
            <li><router-link  to="/QuXian1" >
                <button class="button" >曲线（湿度）</button>
            </router-link></li>
            <li><router-link  to="/ZhuZhuangGQ">
                <button class="button" >柱状（光强）</button>
            </router-link></li>
            <li><router-link  to="/ZhuZhuangSD">
                <button class="button" >柱状（湿度）</button>
            </router-link></li>
            <li><router-link  to="/Excel">
                <button class="button" >图表（湿度）</button>
            </router-link></li>
            <li><router-link  to="/ExcelGQ">
                <button class="button" >图表（光度）</button>
            </router-link></li>
            <li><router-link  to="/ExcelTest">
                <button class="button" >图表（测试）</button>
            </router-link></li>

        </ul>

        <!-- 路由匹配到的组件将显示在这里 -->
        <router-view></router-view>
    </div>
</template>
